<script setup lang="ts">
import { inject } from 'vue'
import { bannerList } from '@/api/task'
import { taskStore } from '@/store/task'
import { Toast } from 'vant'
const { closeCitySwitch } = inject('popup') as any
const store = taskStore() as any
const leftBack = () => closeCitySwitch()
const getBannerList = async () => {
  const res: any = await bannerList({
    type: 2
  })
  if (res) {
    store.setBannerList(res.list)
  } else {
    Toast(res.msg)
  }
}
if (store.bannerList.length <= 0) getBannerList()
</script>
<template>
  <van-swipe :autoplay="3000" lazy-render>
    <van-swipe-item v-for="(item, index) in store.bannerList" :key="index">
      <a :href="item.url" target="_blank" v-if="item.url">
        <img :src="item.picture" />
      </a>
      <img v-else :src="item.picture" />
    </van-swipe-item>
  </van-swipe>
</template>
<style scoped>
:deep(.van-swipe__track) {
  height: 7.47rem;
}
:deep(.van-swipe__indicators) {
  display: none;
}
img {
  width: 100%;
  height: 7.47rem;
  border-radius: 0.5rem;
}
</style>
